/********
    
    
*********/




#header {
    background-color: #688c8b !important;
    background-color: #5d8383;
    background-image: -moz-linear-gradient(top,#eaeaea ,#afafaf);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#6b8d8d ),to(#dedede));
    background-image: -webkit-linear-gradient(top,#628787 ,#dedede);
    background-image: -o-linear-gradient(top,#eaeaea ,#afafaf);
    background-image: linear-gradient(to bottom,#567f7e ,#dedede);
}

#ribbon {
    background: #dedede;
}

#ribbon .breadcrumb, #ribbon .breadcrumb a {
    color: #39403B !important;
    font-weight: bold !important;
}
#ribbon .breadcrumb li:last-child, #ribbon .breadcrumb>.active {
    color: #555a57  !important;
}
.breadcrumb>li+li:before{
    color: #39403B !important;
}
aside{
    display: block;
    background: #568a89;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,#1f7fae 93%,#0e6792 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(17%,#525252 ),color-stop(100%,#568a89 ));
    background: -webkit-linear-gradient(left,#525252 17%,#568a89 100%);
    background: -o-linear-gradient(left,#1f7fae 93%,#0e6792 100%);
    background: -ms-linear-gradient(left,#1f7fae 93%,#0e6792 100%);
    background: linear-gradient(to right,#525252 17%,#568a89 100%);
}

.smart-rtl aside{
    display: block;
    background: #568a89;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,#1f7fae 93%,#0e6792 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(17%,#525252 ),color-stop(100%,#568a89 ));
    background: -webkit-linear-gradient(left,#525252 17%,#568a89 100%);
    background: -o-linear-gradient(left,#1f7fae 93%,#0e6792 100%);
    background: -ms-linear-gradient(left,#1f7fae 93%,#0e6792 100%);
    background: linear-gradient(to right,#568a89 17%,#525252 100%);
}
.login-info>span {
    border-bottom-color:#536666;
}

.login-info {
    border-bottom: 1px solid #536666;
}
nav ul li a {
    color: #f3f3f3;
}
.login-info a {
    color: #f3f3f3;
}
.header-seperator {
    border: 1px solid #bfc1bb;
}

.btn-header>:first-child>a {
    background-color: #1f7fae;
    background-image: -webkit-linear-gradient(top,#86bdd8,#4f89a7);
    background-image: -moz-linear-gradient(top,#86bdd8,#4f89a7);
    background-image: -ms-linear-gradient(top,#86bdd8,#4f89a7);
    background-image: -o-linear-gradient(top,#86bdd8,#4f89a7);
    background-image: linear-gradient(top,#86bdd8,#4f89a7);
    border: 1px solid #659ab5;
    color: #ffffff;
    font-size: 17px;
    margin: 10px 0 0;
}

.page-footer {
    border-top: 1px solid #dedede;
    background: #8fa9bf;
        background-image: linear-gradient(to bottom,#dedede ,#6f9190);
}
.minifyme {
    border-bottom: 1px solid #555656;
    background: #8FA9BF;
    color: #568685;
}

.minified .minifyme {
    border-bottom: 1px solid #555656;
    background: #8FA9BF;
    color: #ffffff;
}
.minified .minifyme:hover {
    background: #646464;
    color: #e4e4e4;
}
.jarviswidget > header {
 
    line-height: 33px;
}
.jarviswidget-color-blueDark > header {
    border-color: #8fa9bf !important;
    background: #355c6f;
    color: #fff;
}
img.online {
    border-left-color: #568a89!important;
}
.smart-rtl img.online {
    border-left: none;
    border-right: 3px solid #568a89!important;
}
nav ul ul li>a:hover {
    /*background-color: rgb(84 117 116);*/
    background:linear-gradient(to right,#525252 17%,#568a89 100%) !important;
    color: #fff;
}
.smart-rtl nav ul ul li > a:hover { 
    background: linear-gradient(to left,#525252 17%,#568a89 100%) !important;
}
nav ul li a:active {
    background: linear-gradient(to right,#525252 17%,#568a89 100%) !important;
}
.smart-rtl nav ul li a:active {
    background: linear-gradient(to left,#525252 17%,#568a89 100%) !important;
}
nav ul li a:hover {
    color: #cacaca; 
}
body{
    background: #dde4ea  !important;
}
.btn-back {
    background-color: #568887  !important;
    border-color: #546c6c  !important;
    margin-bottom: 5px;
    color: #fff
}
.btn-back:hover {
     color: #fff
}
.btn-primary {
    background-color: #1f7fae !important;
}
.btn-success {
    background-color: #6eac44 !important;
}
.btn-header > :first-child > a:hover {
    color: #e2e9ef !important;
}
.padding-top-22{
    padding-top :22px !important;
}
.margin-top-22{
    margin-top :22px !important;
}
.blue-underline {
  text-decoration: underline;
  color : #3276b1;
  cursor: pointer;
}
.ajax-notifications .alert.alert-transparent {
    background-color : white !important;
    border-color: #1f7fae !important;
    color : black !important ;       
    cursor: pointer; 
    
    margin-bottom: 0px !important;
}
.CloseNoti{
    color: #1f7fae;
    font-size: 35px !important;
    margin-top: 15px;
    margin-right: 10px;
}
.smart-rtl .CloseNoti{
    float: left;
    margin-right: 0px;
    margin-left: 10px;
}
.bg-color-Notification{
background-color : #1f7fae!important;

}
.bg-color-Home{
background-color : #568786!important;

}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 0 15px 0 ;
}
.ExpiryAlert {
  animation-name: example;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {color: red;}  
  10%   {color: black;}
  20%   {color: red;}  
  30%   {color: black;}
  40%   {color: red;}  
  50%   {color: black;}
  60%   {color: red;}  
  70%   {color: black;}
  80%   {color: red;}  
  90%   {color: black;}
  100%   {color: red;}
}

/* Standard syntax */
@keyframes example {
  0%   {color: red;}  
  10%   {color: black;}
  20%   {color: red;}  
  30%   {color: black;}
  40%   {color: red;}  
  50%   {color: black;}
  60%   {color: red;}  
  70%   {color: black;}
  80%   {color: red;}  
  90%   {color: black;}
  100%   {color: red;}
}
.MERLabel{
    background-color: yellow !important;  
    border: 1px solid black !important;
    padding: 4px 15px !important;
}
.font-weight-bold{
     font-weight: bold !important;
 }
.SubmitRow {
   background-color: #6eac44 !important;
}
.nav-tabs>li.homeBorder.active>a {
    -webkit-box-shadow: 0 -2px 0 #a65858;
    -moz-box-shadow: 0 -2px 0 #57889c;
    box-shadow: 0px 0px 3px #57889c;
    border-top-width: 0px !important;
    margin-top: 1px!important;
    font-weight: 700;
}
.nav-tabs>li.homeBorder>a {
    border-radius: 17px;
    color: #333;
}
.nav-tabs>li.homeBorder>a:hover {
    border-color: #c1d5de #c1d5de #c1d5de;
}
.nav>li.homeBorder>a:focus, .nav>li.homeBorder>a:hover {
    text-decoration: none;
    background-color: #fff;
}

element.style {
    min-height: 1190px !important;
}
body:not(.menu-on-top).desktop-detected {
    min-height: 1190px!important;
} 
body {
    background: #dedede !important;
}
.bg-color-orange {
    background-color: orange !important;
}
.txt-color-orange {
    color: orange!important;
}
#extr-page #main {
    background: #f2f2f2;
    margin: 0;
}
.minified #logo-group.pull-left  {
  margin-right: 36px;
}
.smart-rtl.minified #logo-group.pull-left   {
 margin-left: 41px !important;
}

.RedRow {
    background-color: #f46262 !important;
}
.highlighted-bold {
    background-color: orange;
    font-weight: bold;
}
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}
.nodeSelected {
    background-color: #abdabd !important
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgba(0, 0, 0, 0.35);
    margin: 8px 0px;
}

    .hr-sect:before,
    .hr-sect:after {
        content: "";
        flex-grow: 1;
        background: rgba(0, 0, 0, 0.35);
        height: 1px;
        font-size: 0px;
        line-height: 0px;
        margin: 0px 8px;
    }

.DetailsSection {
    width: 100%;
    padding: 10px 20px;
    background-color: #e3dfdf;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 0.5;
}

    .hr-text:before {
        content: "";
        background: linear-gradient(to right, transparent, #818078, transparent);
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }

    .hr-text:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        color: black;
        padding: 0 0.5em;
        line-height: 1.5em;
        color: #818078;
        background-color: #fcfcfa;
    }